//页面加载完成
window.onload = function (){
    course_num();
    pay_sum();
    bubble_click();
}

//冒泡获取点击元素
function bubble_click(){
     document.querySelector(".pay_car_main").onclick = function (event){
        var ele = event.target;
        //判定获得的元素是否是input 全选事件
        if (ele.nodeName == "INPUT"){
            //判定获得的元素是否是全选input
            if (ele.classList == "check_all"){
                var checkbox = document.querySelectorAll("input");
                for (var i = 0 ; i < checkbox.length ; i++){
                    if (checkbox[i].checked != ele.checked){
                        checkbox[i].checked = ele.checked;
                    }
                }
            }
        }

        // 判断获得的气泡是不是 del_box 删除事件
        if (ele.classList == "del_box"){
            var remove_ele = ele.parentElement.parentElement;
            remove_ele.remove();
        }
        course_num();
        pay_sum();
    }
}

// 统计课程总数量
function course_num(){
    var select_course = document.querySelector(".select_course"); //选中课程总价位置
    var count = 0;
    var checked_input = document.querySelectorAll(".course_checkbox");
    for (var i = 0 ; i < checked_input.length ; i++){
        if (checked_input[i].checked){
            count++;
        }
    }

    // 修改页面上的课程数量
    select_course.innerHTML = count;
}

// 统计课程总价格
function pay_sum(){
    var sum = 0;
    var pay_num = document.querySelector(".pay_num"); //选中课程数量位置
    var checked_input = document.querySelectorAll(".course_checkbox");
    for (var i = 0 ; i < checked_input.length ; i++){
        if (checked_input[i].checked){
            sum = sum + parseFloat(checked_input[i].parentElement.nextElementSibling.nextElementSibling.nextElementSibling.children[0].children[1].innerText);
        }
    }
    //修改页面上的课程总数与价格
    pay_num.innerHTML = sum;

}